/* hotmall/packageC/bargaincharge/bargaincharge.wxss */

.all {
   width: 100%;
   height: 100%;
   padding: 0;
   margin: 0;
}

.top {
   background-color: #FF4141;
   padding: 20rpx;
}

.top-img {
   width: 100%;
   height: 400rpx;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   z-index: -1;
}

.top .top-bai {
   z-index: 100;
   width: 95%;
   min-height: 800rpx;
   margin: 0rpx auto;
   border-radius: 10rpx;
   background-color: #fff;
   padding: 20rpx 15rpx;
}

.top .top-bai .top-top {
   background-color: #f7f4f4;
   width: 97%;
   height: 200rpx;
   border-radius: 10rpx;
   display: flex;
   padding: 10rpx;
}

.top .top-bai .top-top image {
   width: 200rpx;
   height: 200rpx;
   margin-right: 20rpx;
}

.top .top-bai .top-top>view {
   width: 60%;
}

.top .top-bai .top-top>view .name {
   height: 80rpx;
   font-weight: bold;
   font-size: 28rpx;
   word-break: break-all;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
}

.top .top-bai .top-top>view .time {
  margin-top: 30rpx;
   font-size: 25rpx;
   line-height: 60rpx;
   display: flex;
  justify-content: flex-start;
  align-items: center;
}
.top .top-bai .top-top>view .time .endTime{
  margin-left: 10rpx;
  display: flex;
  justify-content:space-around;
}

.top .top-bai .top-top>view .kan {
   color: #e51f54;
   font-size: 26rpx;
}

.top-jind {
   margin-top: 10rpx;
}

.top-jind .yikan {
   text-align: center;
   line-height: 80rpx;
}

.top-jind .yikan text {
   color: #e51f54;
}

.top-jind button {
   border: 0;
   box-shadow: 0 10rpx 0 #F5B31F;
   margin-bottom: 20rpx;
   font-weight: bold;
   margin-top: 20rpx;
   background-color: #FADD21;
   color: #FC3714;
   border-radius: 80rpx;
   height: 80rpx;
   font-size: 28rpx;
   line-height: 80rpx;
}
.tab{
   margin-top: 20rpx;
   max-height: 500rpx;
   overflow: scroll
}
.tab .title{
   font-size: 30rpx;
   background-color: #FFEAC2;
   color: #E8604F;
   font-weight: bold;
   line-height: 80rpx;
   text-align: center;
   border-top-right-radius: 20rpx;
   border-top-left-radius: 20rpx;
}

.record {
   padding: 20rpx;
   display: flex;
   justify-content: space-between;
   font-size: 30rpx;
   line-height: 80rpx
}

.record .nn{
   width: 48%;
}
.record .name {
   overflow: hidden;
   text-overflow:ellipsis;
   white-space: nowrap;
   line-height: 80rpx;
   font-size: 28rpx;
}

.record .jies {
   overflow: hidden;
   text-overflow:ellipsis;
   white-space: nowrap;
   line-height: 40rpx;
   font-size: 25rpx;
}

.record .img {
   margin-top: 5rpx;
   width: 70rpx;
   height: 70rpx;
   margin-right: 20rpx;
   border-radius: 100%;
}

.record .right{
   text-align: right;
   font-size: 26rpx;
   display: flex;
   line-height: 80rpx
}
.record .right image {
   margin-top: 23rpx;
   width: 35rpx;
   height: 35rpx;
   margin-right: 10rpx;
   transform: rotate(-30deg)
}

.tuijian .title{
   padding: 10rpx 20rpx;
   background-color: #fff;
   line-height: 60rpx;
   font-size: 30rpx
}
.tuijian .title image{
   float: left;
   width: 50rpx;
   height: 50rpx;
   margin: 5rpx 15rpx 0 0;
}
.tuijian .ul{
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   margin-top: 10rpx;
}
.tuijian .ul .li{
   margin-top: 10rpx;
   background-color: #fff;
   width: 49.5%;
}
.tuijian .ul .li image{
   width: 100%;
   height: 350rpx;
}
.tuijian .ul .li .name,
.tuijian .ul .li .money{
   padding: 5rpx 15rpx;
}
.tuijian .ul .li .name{
   height: 80rpx;
   line-height: 40rpx;
   font-size: 27rpx;
   word-break: break-all;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
}
.tuijian .ul .li .name text{
   background-color: red;
   color: #fff;
   margin-right: 5rpx;
   font-size: 25rpx;
   padding: 0 5rpx;
   border-radius: 5rpx;
}
.tuijian .ul .li .money{
   display: flex;
}
.tuijian .ul .li .money .money-a{
   color: #e51f54;
   font-size: 28rpx;
}
.tuijian .ul .li .money .money-a text{
   font-size: 22rpx;
}
.tuijian .ul .li .money .money-b{
   text-decoration: line-through;
   font-size: 25rpx;
   color: #ccc;
   line-height: 50rpx;
   margin-left: 10rpx
} 
.money-c{
   margin-right: 20rpx;
   text-align: right;
   color: #999;
   font-size: 24rpx;
   line-height: 40rpx
}
.money-c text{
   color: #e51f54
}
.tuijian .ul .li button{
   width: 94%;
   height: 60rpx;
   background-color: #e51f54;
   color: #fff;
   line-height: 60rpx;
   font-size: 28rpx;
   margin: 10rpx auto;
}
.hei{
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 1000;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
}
.hei .bai{
   position: relative;
   border-radius: 20rpx;
   text-align: center;
   width: 70%;
   height: 430rpx;
   background-color: #fff;
   margin: 400rpx auto;
}
.hei .bai .cont{
   margin-top: 20rpx;
   font-size: 28rpx;

}
.hei .bai .top{
   margin:-120rpx 0 0;
   padding: 0;
   width: 100%;
   height: 260rpx;
   background-color: rgba(255, 255, 255, 0)
}
.hei .bai .tui{
   width: 40rpx;
   height: 40rpx;
   position: absolute;
   top: -10rpx;
   right: 10rpx;
}

.hei .bai button{
   width: 80%;
   margin: 40rpx auto 0;
   height: 80rpx;
   line-height: 80rpx;
   font-size: 28rpx;
   background-color: #e51f54;
   color: #fff;
   border-radius: 80rpx
}